<template>
	<view class="box">
		<uNavbar title="挖宝活动"></uNavbar>
		<view class="tabss flex_ld">
			<u-tabs :list="list1" itemStyle="height: 30px;" lineWidth="0" :activeStyle="activeStyle"
				:current="itemindex" :inactiveStyle="inactiveStyle" @click="changeTabs"></u-tabs>
		</view>
		<!-- 		<view class="tab_nav flex_c">
			<view class="tab-list-item" v-for="(item,index) in toggleList" :key="index"
				@click="clickToggleHandle(item.type)">
				<view :class="item.type==types?'active':''" class="text">{{ item.label }}<text v-if="item.label=='待挖宝'">{{total1}}</text><text v-if="item.label=='挖宝中'">{{total2}}</text> </view>
			</view>
		</view> -->
		<view class="obj_list" v-if="types==1||types==2">
			<view class="obj_list_item" v-for="item in goodlist" :key="item.id">
				<image class="obj_list_item_bg" :src="item.good.goods_image" mode="aspectFill"
					@click="godetail(item.id,item.status)"></image>
				<view class="obj_list_item_name">
					{{item.goods_name}}
				</view>
				<view class="obj_list_item_num">
					藏品编号：{{item.goods_number}}/{{item.good.circulation}}
				</view>
				<view class="obj_list_item_price">
					<view class="obj_list_item_price_tag">
						买入价
					</view>
					<view class="price_wrap">
						<image style="width: 28rpx;height: 28rpx;margin-right: 6rpx;" src="../../static/icon/money.png"
							mode="aspectFill"></image>
						<text>{{item.good.price}}</text>
					</view>
				</view>
				<view class="btnwrap">

					<view class="btn" style="margin-left: 170rpx;" v-show="item.equity_type==3&&item.status==0"
						@click="getitem(item)">
						去挖宝
					</view>

					<view class="btn2" v-show="item.status==5" @click="tipShow=true,objitem=item">
						取消挖宝
					</view>
				</view>
				<!-- 			<view class="btn" v-show="item.equity_type==3&&item.status==0" @click="getitem(item)">
				去挖宝
			</view> -->
				<view class="btn_none" v-show="item.equity_type!=3">

				</view>
				<view class="tag" v-if="types == 2">
					<text>挖宝中</text>
				</view>
				<!-- 		<view class="btn2" v-show="item.status==5" @click="tipShow=true,objitem=item">
					取消挖宝
				</view> -->
			</view>

		</view>
		<view class="sign_wrap" v-if="types==3">
			<checkbox-group @change="checkboxChangeAll">
				<view class="sign" v-for="item in signdata" :key="item.id">
					<view class="name">
						{{item.name}}×{{item.number}}
					</view>
					<view class="time">
						{{item.digging_date}}
					</view>
					<view class="btn_q" v-if="item.status==1" @click="onsign(item.id)">
						兑换
					</view>
					<checkbox v-if="item.status==1&&isipt" borderColor="#FFf" activeBorderColor="#FF2CDF"
						activeBackgroundColor="#FF2CDF" backgroundColor="#3C2F65" :checked="isSelected(item.id)"
						:value="item.id.toString()"></checkbox>
					<view class="btn_q" style="opacity: 0.5;" v-if="item.status==2" @click="onsign(item.id)">
						已领取
					</view>
				
				</view>
				
			</checkbox-group>
			<view style="width:690rpx;height: 400rpx;">
				
			</view>
			<noDatas v-if="types==3" :xxxList="signdata" :showMore="false"></noDatas>
		</view>
		<view class="sign_wrap" v-if="types==4">
			<view class="sign" v-for="item in signdata2" :key="item.id">
				<view class="name" style="left: 24rpx;">
					{{item.name}}×{{item.number}}
				</view>
				<view class="time" style="left: 24rpx;">
					{{item.digging_date}}
				</view>
				<checkbox v-if="item.status==1&&isipt" borderColor="#FFf" activeBorderColor="#FF2CDF"
					activeBackgroundColor="#FF2CDF" backgroundColor="#3C2F65" :checked="isSelected(item.id)"
					:value="item.id.toString()"></checkbox>
				<view class="btn_q" style="opacity: 0.5;" v-if="item.status==2" @click="onsign(item.id)">
					已领取
				</view>
		
			</view>
			<view style="width: 690rpx;height: 200rpx;">
				
			</view>
			<noDatas v-if="types==4" :xxxList="signdata2" :showMore="false"></noDatas>
		</view>
		<noDatas v-if="types==1||types==2" :xxxList="goodlist" :showMore="false"></noDatas>
		<u-popup :show="types==3 && showrule" mode="center" bgColor="transparent">
			<view class="rule_wrap">
				<view class="rule_tit">
					兑换规则
				</view>
				<view class="rule_content">
					<rich-text :nodes="text"></rich-text>
				</view>
				<view class="rule_btn" :class="disableAcknowledge?'':'tm' " @click="closerule">
					我已知晓 {{countdown}}
				</view>
			</view>
		</u-popup>
		<view class="bottoms">
			<view class="tit" v-if="types==3" @click="showrule=true">
				兑换规则
			</view>
			<view class="surewrap" v-if="types==3">
				<view class="txt1" @click="alsel">
					批量选择
				</view>
				<view class="cwrap" v-if="isipt" @click="toggleSelectAll">
					<image v-if="selectAllButtonText=='取消全选'" src="/static/icon/yessel.png" mode=""></image>
					<image v-if="selectAllButtonText=='全选'" src="/static/icon/nosel.png" mode=""></image>
					{{ selectAllButtonText }}
				</view>
				<view class="subwrap" :style="{ opacity: selectedIds.length ? '1' : '0.5' }" @click="submitt">
					确定
				</view>
			</view>
		</view>
		<view class="empty"></view>
		<u-popup :show="showDig" @close="showDig = false" closeable bgColor="transparent">
			<view class="dig_box  flex_Z">
				<view class="empty"></view>
				<view class="dig_list  flex_ld">
					<text>藏品名称</text>
					<text class="c0 f28">{{objitem.goods_name}}</text>
				</view>
				<view class="dig_list  flex_ld">
					<text>藏品编号</text>
					<text class="c2 f40">{{objitem.goods_number}}/{{objitem.good.circulation}}</text>
				</view>
				<view class="dig_list  flex_ld">
					<text>收益预览</text>
					<text class="c2 f32">1天产出1个</text>
				</view>
				<view class="virtual_props flex_dq">
					<view class="virtual_box ">
						<image src="../../static/icon/fhtb.png" mode=""></image>
						<text class="f22 c0">福合通宝</text>
					</view>
				</view>
				<view class="empty"></view>
				<view class="navigation flex_c" @click="changestatus()">
					<text>确认</text>
					<image src="../../static/image/mask.png" mode=""></image>
				</view>
				<view class="empty"></view>
			</view>
		</u-popup>
		<u-popup :show="tipShow" mode="center" @close="tipShow = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">确定要取消挖宝吗</text>

				<view class="prompt_ntm" @click="changestatus()">
					<text>确定</text>
				</view>
				<view class="empty"></view>
			</view>
		</u-popup>
	</view>

</template>

<script>
	import {
		goodsList,
		updateStatus,
		spaceStatusTotal
	} from "../../api/object.js";
	import {
		receiveList,
		signReceive,
		signrule
	} from "../../api/other.js";
	export default {
		data() {
			return {
				showrule: false,
				types: 1,
				numbers: 1,
				showDig: false,
				tipShow: false,
				toggleList: [{
						type: 1,
						label: '待挖宝',
					},
					{
						type: 2,
						label: '挖宝中',
					},
					{
						type: 3,
						label: '兑换',
					}
				],
				list1: [{
						name: '待挖宝',
						badge: {
							value: 0,
						}
					}, {
						name: '挖宝中',
						badge: {
							value: 0,
						}
					}, {
						name: '待兑换',
						badge: {
							value: 0,
						}
					},
					{
						name: '已兑换',
						badge: {
							value: 0,
						}
					},

				],
				itemStyle: {
					with: '180rpx',
					height: '44px',
					fontSize: '10px'
				},
				activeStyle: {
					color: '#ffffff',
					fontWeight: 'bold',
					transform: 'scale(1.05)'
				},
				inactiveStyle: {
					color: '#A6A5AF',
					transform: 'scale(1)'
				},
				isfirst: true,
				countdown: 3,
				showCountdown: false,
				disableAcknowledge: false,
				goodlist: [],
				page: 1,
				size: 20,
				selnum: "0",
				status: 'loadmore', //加载前值为loadmore，加载中为loading，没有数据为nomore
				page2: 1,
				size2: 10,
				selnum: "0",
				status2: 'loadmore', //加载前值为loadmore，加载中为loading，没有数据为nomore
				page3: 1,
				size3: 10,
				selnum: "0",
				status3: 'loadmore', //加载前值为loadmore，加载中为loading，没有数据为nomore
				objitem: {
					good: {
						circulation: "100"
					}
				},
				signlist: [],
				text: "",
				sign_type: 1,
				signdata: [],
				total1: "",
				total2: "",
				inx: 0,
				itemindex: 0,
				selectedIds: [],
				selectAllButtonText: '全选',
				isipt: false,
				signdata2: []

			}
		},
		onLoad() {
			this.isNumber()
			this.getrule()
			this.getgoodlist()
		},
		methods: {
			alsel() {
				// console.log("11")
				this.isipt = !this.isipt
				if (this.isipt == false) {
					this.selectedIds = []
					this.selectAllButtonText = '全选'
				}
			},
			submitt() {
				if (this.selectedIds.length == 0) {
					uni.$u.toast("请选择")
				}else{
						signReceive({
							id: this.selectedIds,
						}).then(res => {
							if (res.code == 1) {
								this.selectedIds=[]
								this.page2=1
								uni.$u.toast(res.msg)
								this.getsignlist()
							}
						})
					
				}
				console.log(this.selectedIds)
			},
			isSelected(id) {
				return this.selectedIds.includes(id);
			},
			checkboxChangeAll(e) {
				const selectedIds = e.mp.detail.value;
				if (selectedIds.length === this.signdata.length) {
					this.selectAllButtonText = '取消全选';
				} else {
					this.selectAllButtonText = '全选';
				}
				this.selectedIds = selectedIds;
			},
			toggleSelectAll() {
				if (this.selectedIds.length === this.signdata.length) {
					this.selectedIds = [];
				} else {
					this.selectedIds = this.signdata.map(item => item.id);
				}
				this.selectAllButtonText = this.selectedIds.length === this.signdata.length ? '取消全选' : '全选';
			},
			//数量
			isNumber() {
				spaceStatusTotal().then(res => {
					// console.log(res)
					this.list1[0].badge.value = res.data.wait_space_number
					this.list1[1].badge.value = res.data.have_space_number
					
				})
			},
			changeTabs(item) {
				console.log(this.types, "90909")
				// console.log(item,"192391923")
				this.itemindex = item.index
				console.log(this.itemindex)
				console.log('-----', item.index);
				this.page = 1
				this.page2 = 1
				if (item.index == 0) {
					this.types = 1
					this.inx = '0'
					this.goodlist = []
					this.getgoodlist()
				} else if (item.index == 1) {
					this.types = 2
					this.inx = '1'
					this.goodlist = []
					this.getgoodlist()
				} else if (item.index == 2) {
					this.types = 3
					// this.goodlist = []
					this.getsignlist()
				} else if (item.index == 3) {
					this.types = 4
					this.getsignlist2()
				}
				if (this.types == 3 && this.isfirst) {
					console.log(this.countdown)
					if (uni.getStorageSync("first")) {
						this.isfirst = false
						this.disableAcknowledge = true
						this.countdown = ""
					} else {
						this.showrule = true
					}

					let timer = setInterval(() => {
						this.countdown--;
						if (this.countdown === 0 || this.countdown < 0) {
							// 倒计时结束后恢复按钮点击功能
							clearInterval(timer);
							this.disableAcknowledge = true;
							this.showCountdown = false;
							this.countdown = ""; // 重置倒计时
							console.log(this.countdown)
						}
					}, 1000);
					uni.setStorageSync("first", true)

				}
			},
			goactivity() {
				uni.navigateTo({
					url: "/pagesMy/activity/activity"
				})
			},
			getrule() {
				signrule().then(res => {
					this.text = res.data.signin_us
					console.log(this.text)
				})
			},
			godetail(id, status) {
				uni.navigateTo({
					url: `/pagesMy/mycollection/collectionlist?id=${id}&status=${1}`
				})
			},
			getgoodlist() {
				goodsList({
					page: this.page,
					status: this.inx
				}).then(res => {
					console.log(res, "列表数据")
					if (res.code == 1) {
						let list = res.data.data;
						this.goodlist = this.page == 1 ? list : this.goodlist.concat(list);
						console.log(this.goodlist);
						if (list.length < this.size) this.status = 'nomore';
						else this.status = 'loading';
					}
				})
			},
			getsignlist() {
				receiveList({
					status: "1",
					page: this.page2
				}).then(res => {
					if (res.code == 1) {
						console.log(res.data, "88989")
						this.signlist = res.data
						let list = res.data.receive_list.data;
						this.signdata = this.page2 == 1 ? list : this.signdata.concat(list);
						console.log(this.signdata, "99999");
						if (list.length < this.size2) this.status2 = 'nomore';
						else this.status2 = 'loading';
					}
				})
			},
			getsignlist2() {
				receiveList({
					status: "2",
					page: this.page3
				}).then(res => {
					if (res.code == 1) {
						console.log(res.data, "88989")
						let list = res.data.receive_list.data;
						this.signdata2 = this.page3 == 1 ? list : this.signdata2.concat(list);
						console.log(this.signdata2, "99999");
						if (list.length < this.size3) this.status3 = 'nomore';
						else this.status3 = 'loading';
					}
				})
			},
			onsign(id) {
				const wbid = id
				signReceive({
					id: wbid,
				}).then(res => {
					if (res.code == 1) {
						uni.$u.toast(res.msg)

						this.getsignlist()
					}
				})
			},
			getitem(item) {

				this.showDig = true
				this.objitem = item
				console.log(this.objitem)
			},
			changestatus() {
				let that = this
				if (that.objitem.status == 0) {
					that.statusval = 1
				}
				if (that.objitem.status == 5) {
					that.statusval = 0
				}
				updateStatus({
					id: that.objitem.id,
					status: that.statusval
				}).then(res => {
					uni.$u.toast(res.msg)
					if (res.code == 1) {
						that.showDig = false
						that.tipShow = false
						that.isNumber()
						that.page = 1
						that.goodlist = []
						that.getgoodlist()
					}
					if (that.statusval == 1) {
						that.goodlist = []
						that.itemindex = 1
						that.inx = "1"
						that.page = 1
						that.goodlist = []
						that.getgoodlist()
						// that.changeTabs()
						console.log(1111213123123)
					}

				})
			},
			closerule() {
				if (this.disableAcknowledge) {
					this.showrule = false
				}
			},

			goDigBaby() {
				uni.switchTab({
					url: '/pages/index/news'
				})
			}
		},
		onReachBottom() {
			if (this.types == 1 || this.types == 2) {
				if (this.status != 'nomore') {
					this.page = this.page + 1
					this.getgoodlist()
				}
			}
			if (this.types == 3) {
				if (this.status2 != 'nomore') {
					this.page2 = this.page2 + 1
					this.getsignlist()
				}
			}
			if (this.types == 4) {
				if (this.status3 != 'nomore') {
					this.page3 = this.page3 + 1
					this.getsignlist2()
				}
			}
		},
	}
</script>
<style>
	page {
		background: #211E38;
	}
</style>
<style lang="scss" scoped>
	.tabss {
		display: flex;
		justify-content: space-around;
		width: 700rpx;
		margin: 0 auto;
	}

	/deep/.u-badge {
		margin-left: -4px !important;
		margin-top: -16px !important;
	}

	.box {
		width: 750rpx;
		position: relative;
	}

	.tm {
		opacity: 0.5;
	}

	.tab_nav {
		width: 750rpx;
		height: 100rpx;
		display: flex;
		align-items: center;
		position: fixed;
		z-index: 999;
		background: #211E38;

		.tab-list-item {
			position: relative;
			// width: 180rpx;

			.text {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: 50rpx;
				padding: 20rpx;
				height: 52rpx;
				opacity: 1;
				font-weight: 400;
				text-align: center;
				font-size: 32rpx;
				color: #A6A5AF;
			}

			.active {
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
	}

	.obj_list {
		// margin-top: 100rpx;
		width: 750rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.obj_list_item {
			width: 330rpx;
			// height: 544rpx;
			background: #3C2F65;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			margin: 20rpx;
			position: relative;
			padding-bottom: 20rpx;

			.obj_list_item_bg {
				width: 330rpx;
				height: 312rpx;
				display: block;
				border-radius: 20rpx 20rpx 20rpx 20rpx;
			}

			.obj_list_item_name {
				width: 312rpx;
				margin-top: 30rpx;
				margin-left: 18rpx;
				font-size: 30rpx;
				color: #FFFFFF;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				text-overflow: ellipsis;
				/* 显示省略号 */
			}

			.obj_list_item_num {
				width: 312rpx;
				margin-top: 22rpx;
				margin-left: 18rpx;
				font-weight: 400;
				font-size: 26rpx;
				color: #A6A5AF;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				text-overflow: ellipsis;
			}

			.obj_list_item_from {
				width: 312rpx;
				margin-top: 20rpx;
				margin-left: 18rpx;

				display: flex;
				align-items: center;
				/* 显示省略号 */

				>image {
					width: 36rpx;
					height: 36rpx;
					margin-right: 12rpx;
				}

				.obj_list_item_from_name {
					width: 264rpx;
					white-space: nowrap;
					/* 不换行 */
					overflow: hidden;
					/* 超出部分隐藏 */
					text-overflow: ellipsis;
					font-size: 24rpx;
					color: #FFFFFF;
				}

			}

			.obj_list_item_price {
				width: 312rpx;
				height: 50rpx;
				margin-left: 18rpx;
				margin-top: 22rpx;
				padding-bottom: 22rpx;
				display: flex;
				align-items: center;
				border-bottom: 2rpx solid rgba(255, 255, 255, 0.1);

				.obj_list_item_price_tag {
					width: 100rpx;
					height: 36rpx;
					background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					font-size: 24rpx;
					color: #FFFFFF;
					line-height: 36rpx;
					text-align: center;
					margin-right: 10rpx;
				}

				.price_wrap {
					>text {
						font-family: youshe;
						font-weight: 400;
						font-size: 36rpx;
						color: #FFFFFF;
					}
				}

				>text {
					// font-family: youshe;
					font-weight: 700;
					font-size: 36rpx;
					color: #FFFFFF;
				}
			}

			.btnwrap {
				display: flex;
				width: 330rpx;
				justify-content: flex-start;

				.btn {
					// margin-left: 172rpx;
					margin-top: 20rpx;
					margin-bottom: 20rpx;
					width: 136rpx;
					height: 52rpx;
					background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
					border-radius: 48rpx 48rpx 48rpx 48rpx;
					text-align: center;
					line-height: 52rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
				}

				.btn_none {
					// margin-left: 172rpx;
					margin-top: 20rpx;
					margin-bottom: 20rpx;
					width: 136rpx;
					height: 52rpx;
					// background: linear-gradient( 274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
					border-radius: 48rpx 48rpx 48rpx 48rpx;
					text-align: center;
					line-height: 52rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
				}

				.btn2 {
					margin-left: 172rpx;
					margin-top: 20rpx;
					width: 136rpx;
					height: 52rpx;
					margin-bottom: 20rpx;
					background: #53418B;
					border-radius: 48rpx 48rpx 48rpx 48rpx;
					text-align: center;
					line-height: 52rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
				}

				.btn3 {
					// margin-left: 172rpx;	
					margin-top: 20rpx;
					width: 136rpx;
					height: 52rpx;
					margin-bottom: 20rpx;
					background: #53418B;
					border-radius: 48rpx 48rpx 48rpx 48rpx;
					text-align: center;
					line-height: 52rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
				}
			}


			.tag {
				width: 100rpx;
				height: 44rpx;
				background: rgba(0, 0, 0, 0.8);
				border-radius: 25rpx;
				position: absolute;
				top: 14rpx;
				right: 14rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #FFFFFF;
				text-align: center;
				line-height: 44rpx;
			}
		}
	}

	.dig_box {
		width: 100%;
		/* height: 800rpx; */
		background: #2A2753;
		border-radius: 40rpx 40rpx 0 0;
		padding-top: 20rpx;
	}

	.dig_list {
		width: 100%;
		padding: 0 30rpx;
		margin-top: 48rpx;
	}

	.dig_list>text:nth-child(1) {
		color: #ffffff;
		font-size: 30rpx;
	}

	.virtual_props {
		width: 100%;
		margin: 30rpx;
	}

	.virtual_box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 168rpx;
		height: 168rpx;
		background: #353267;
		border-radius: 16rpx;
		margin-right: 20rpx;
	}

	.virtual_box>image {
		width: 68rpx;
		height: 72rpx;
		margin-bottom: 20rpx;
	}

	.navigation {
		position: relative;
		width: 692rpx;
		height: 86rpx;
		background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
		border-radius: 40rpx;
		margin: 0 auto;
	}

	.navigation>text {
		font-size: 34rpx;
		font-family: iconfont;
		color: #ffffff;
		font-weight: 700;
	}

	.navigation>image {
		position: absolute;
		top: 0;
		left: 22%;
		width: 110rpx;
		height: 80rpx;
	}

	/deep/.u-number-box__minus {
		background: #4e4791 !important;
	}

	/deep/.u-number-box__plus {
		background: #4e4791 !important;
	}

	.rule_wrap {
		width: 602rpx;
		height: 604rpx;
		background: #2A2753;
		border-radius: 22rpx 22rpx 22rpx 22rpx;

		.rule_tit {
			width: 602rpx;
			font-weight: 500;
			font-size: 36rpx;
			color: #FFFFFF;
			text-align: center;
			padding-top: 50rpx;
		}

		.rule_content {
			width: 500rpx;
			height: 280rpx;
			margin: 0 auto;
			margin-top: 24rpx;
			font-size: 28rpx;
			color: #A6A5AF;
			overflow: auto;
		}

		.rule_btn {
			width: 414rpx;
			height: 72rpx;
			background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
			border-radius: 280rpx 280rpx 280rpx 280rpx;
			margin: 0 auto;
			font-size: 30rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 72rpx;
		}
	}

	.tit {
		text-align: center;
		font-size: 28rpx;
		color: #A6A5AF;
		margin-top: 20rpx;
	}

	.sign_wrap {
		width: 690rpx;
		height: 1300rpx;
		margin: 0 auto;
		// margin-top: 100rpx;
		// overflow: auto;
	}

	.sign {
		width: 690rpx;
		height: 150rpx;
		background: #3C2F65;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		position: relative;

		.name {
			position: absolute;
			top: 24rpx;
			left: 84rpx;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
		}

		.time {
			position: absolute;
			bottom: 24rpx;
			left: 84rpx;
			font-weight: 400;
			font-size: 24rpx;
			color: #A6A5AF;
		}

		.btn_q {
			width: 124rpx;
			height: 52rpx;
			background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
			border-radius: 232rpx 232rpx 232rpx 232rpx;
			text-align: center;
			line-height: 52rpx;
			font-weight: 400;
			font-size: 24rpx;
			color: #FFFFFF;
			position: absolute;
			top: 48rpx;
			right: 24rpx;
		}
	}

	.prompt {
		width: 600rpx;
		min-height: 400rpx;
		background: #2A2753;
		margin: 0 auto;
		border-radius: 20rpx;
		color: #ffffff;
		padding-top: 30rpx;
	}

	.prompt>text {
		margin-top: 40rpx;
	}

	.prompt_tit {
		margin: 0 30rpx;
		font-size: 28rpx;
		color: #A6A5AF;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prompt_ntm {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30rpx;
		width: 414rpx;
		height: 72rpx;
		line-height: 72rpx;
		background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
		border-radius: 28rpx;
		margin-top: 80rpx;
	}

	/deep/.uni-checkbox-input {
		width: 30rpx;
		height: 30rpx;
		position: absolute;
		top: 54rpx;
		left: 20rpx;
		border-radius: 50%;
	}

	.surewrap {
		width: 750rpx;
		position: relative;
		display: flex;
		align-items: center;

		.txt1 {
			font-weight: 400;
			font-size: 32rpx;
			color: #FF2CDF;
			margin-top: 20rpx;
			margin-left: 50rpx;
		}

		.cwrap {
			width: 200rpx;
			margin-left: 30rpx;
			display: flex;
			align-items: center;
			margin-top: 20rpx;
			font-weight: 400;
			font-size: 32rpx;
			color: #FF2CDF;

			>image {
				width: 36rpx;
				height: 36rpx;
				padding-right: 10rpx;
			}

		}

		.subwrap {
			font-weight: 400;
			font-size: 32rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 72rpx;
			width: 180rpx;
			height: 72rpx;
			position: absolute;
			right: 20rpx;
			background: linear-gradient(274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
			border-radius: 98rpx 98rpx 98rpx 98rpx;
		}
	}
	.bottoms{
		position: fixed;
		width: 750rpx;
		padding-bottom: 50rpx;
		// height: 200;
		background-color:#211E38 ;
		bottom: 0rpx;
	}
</style>